/* 
CommonJS的对象模块: 内部是基于node进行打包处理的
*/
const { resolve } = require('path')  // resolve解析拼接路径
console.log(__dirname) // 当前配置文件所在目录的绝对路径

module.exports = {
// 模式
  mode: 'development' 
  // mode: 'production',

  // 入口  => 指定入口js的相对路径
  entry: './src/main.js',

  // 输出
  output: {
    // 必须是绝对路径
    // path: 'D:/work/workspace/bj220213/webpack_gulp/代码/webpack-test/build',  // 指定所有打包产生文件的根目录
    // path: `${__dirname}/build`, // 可以
    path: resolve(__dirname, 'build'),
    filename: 'js/bundle.js',  // 指定打包生成的js文件名(可以带路径)
    clean: true, // 在启动打包前, 自动清除打包文件夹
  },

  

  //loader
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          "style-loader",
         "css-loader"
        ],  
      },

      {
        test:/\.less/i,
        use:[
          'style-loader',
          'css-loader',  
          'less-loader',
        ]
      }
    ],
  },


}